﻿<html>
<head>
    <title>会议预定系统</title>
    <meta name='keywords' content='会议预定系统' />
    <meta name='description' content='会议预定系统' />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link href="../Soure/bootstrap-3.3.0-dist/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../Soure/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../Theme/css/base.css" rel="stylesheet" />
    <style type="text/css">
       .Timequanten .col-xs-1 {
           width:7.6%;
            padding: 0;
            text-align: center;
        }

        .col-xs-2 {
            width: 13%;
            padding: 5px;
        }

        .date {
            padding: 5px;
            width: 70%;
            height: 100%;
            border-radius: 91px;
            margin: 5px auto;
        }

        hr {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .Timequanten {
            width: 95%;
            margin: auto;
        }

        .meetname {
            height: 30px;
            background-color: #FFA16B;
            padding-left: 30px;
            font-size: 14px;
            color: white;
            line-height: 30px;
        }
    </style>
</head>
<body>
    <div id="wap">
        <div class="Mtop pf-top white">

            <div class="media top-nav-body base-bg-color">
                <div class="media-left">
                    <div class="top-left">
                        <i class="fa fa-mail-reply f20 lh40"></i>
                    </div>
                </div>

                <div class="media-body ">
                    <div class="top-title">会议室预定</div>

                </div>
                <div class="media-right">
                    <div class="top-right">
                    </div>
                </div>
            </div>
            <div class="row commonfc text-center">
                <div class="col-xs-2">
                    <p>日</p>
                    <div class="date">20</div>

                </div>
                <div class="col-xs-2">
                    <p>一</p>
                    <div class="date">20</div>
                </div>
                <div class="col-xs-2">
                    <p>二</p>
                    <div class="date">20</div>
                </div>
                <div class="col-xs-2">
                    <p>三</p>
                    <div class="date base-bg-color white">20</div>
                </div>
                <div class="col-xs-2">
                    <p>四</p>
                    <div class="date">20</div>
                </div>
                <div class="col-xs-2">
                    <p>五</p>
                    <div class="date">20</div>
                </div>
                <div class="col-xs-2">
                    <p>六</p>
                    <div class="date">20</div>
                </div>
                <div class="col-xs-1">
                    <p>1</p>
                </div>
            </div>
            <hr />
            <div class="row h20">
                <div class="commonfc text-center">今天 2016年11月24日</div>
            </div>
        </div>
        <div id="Tg-context" style="margin-top: 145px;" class="mb60">
            <div class="meetList">
                <div class="meetitem">
                    <div class="row">
                        <div class="meetname">六层会议室</div>
                    </div>
                    <div class="Timequanten commonfc">
                        <div class="mt10 clear mb10">
                            <div class="col-xs-1">
                                <p>09</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>10</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>11</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>12</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-1">
                                <p>13</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>14</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>15</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>16</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>17</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>18</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>19</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>20</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>21</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="meetitem">
                    <div class="row">
                        <div class="meetname">六层会议室</div>
                    </div>
                    <div class="Timequanten commonfc">
                        <div class="mt10 clear mb10">
                            <div class="col-xs-1">
                                <p>09</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>10</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>11</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>12</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-1">
                                <p>13</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>14</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>15</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>16</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>17</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>18</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>19</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>20</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>21</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="meetitem">
                    <div class="row">
                        <div class="meetname">六层会议室</div>
                    </div>
                    <div class="Timequanten commonfc">
                        <div class="mt10 clear mb10">
                            <div class="col-xs-1">
                                <p>09</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>10</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>11</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>12</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-1">
                                <p>13</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>14</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>15</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>16</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>17</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>18</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>19</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>20</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <p>21</p>
                                <div style="width:80%;max-width:30px; margin:auto; height:60px;">
                                    <div style="width:100%; background-color:red; height:30px;">
                                    </div>
                                    <div style="width:100%; background-color:aquamarine; height:30px;">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

             
            </div>

            <div class="row w90b bc mt20">
                <a class="btn btn-block btn-base" href="Applymeet.html">申请会议室</a>
            </div>
        </div>
         
            <div class="Mbottom pf-bottom white">
                <div class="row base-bg-color h50 pt5 text-center">
                    <div class="col-xs-4  ">
                        <i class="fa fa-home fa-2x  "></i>
                        <p>会议室</p>
                    </div>
                    <div class="col-xs-4">
                        <img src="../Theme/img/Phone.png" class="w50 mt-5" />
                    </div>
                    <div class="col-xs-4">
                        <i class="fa fa-user-circle-o fa-2x  "></i>
                        <p>我的会议</p>
                    </div>
                </div>
            </div>
</div>



 

    <script src="../Soure/bootstrap-3.3.0-dist/dist/js/bootstrap.min.js"></script>
</body>
</html>
